.kuiTabs {
  display: flex;
  border-bottom: $tableBorder;
}

  /**
   * 1. Override button styles (some of which are from Bootstrap).
   */
  .kuiTab {
    appearance: none; /* 1 */
    cursor: pointer;
    padding: 10px 30px;
    font-size: 14px;
    color: $subduedFontColor;
    background-color: #ffffff; /* 1 */
    border: 1px solid $panelColor;
    border-bottom: none;
    border-radius: 0; /* 1 */

    & + & {
      border-left: none;
    }

    &:focus {
      color: $linkColor;
      z-index: 1;
      outline: 1px solid $selectedBorderColor !important; /* 1 */
    }

    &:hover:not(.kuiTab-isSelected) {
      color: $linkHoverColor;
    }

    &:active {
      outline: none;
      border-color: #ffffff;
      box-shadow: none; /* 1 */
      color: $linkColor !important;
    }

    &.kuiTab-isSelected {
      color: $fontColor;
      background-color: #F2F2F2;
      cursor: default;
    }
  }
